<template>
  <div>
    <div class="voucher">
      <van-row type="flex" justify="end" align="middle">
        <van-col>
          <span class="blue"><van-icon name="question" />商家代金券说明</span>
        </van-col>
      </van-row>
      <div class="text">
        <img src="~@/images/voucher.png" style="width: 140px; height: 80px" />
        <p>无法使用代金券</p>
        <p>非客户端或客户端版本过低</p>
        <van-button type="primary">下载或升级客户端</van-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'voucher',
}
</script>

<style  scoped lang='less'>
.voucher {
  background-color: #f5f5f5;
  height: 585px;
  padding: 20px;
  .blue {
    color: #3190e8 !important;
  }
  .text {
    margin-top: 200px;
    text-align: center;
  }
}
</style>